import { createRouter, createWebHistory } from 'vue-router'
// import LoginVue from '@/views/Login.vue'

const router = createRouter({
  history: createWebHistory(),
  routes: [
    {
      path: '/',
      name: 'login',
      component: () => import('@/views/Login.vue')
    },
    {
      path: '/user',
      name: 'user',
      component: () => import('@/views/User.vue') // 懒加载
    },
    {
      path: '/home',
      name: 'home',
      component: () => import('@/components/Home.vue')
    },
    {
      path: '/city',
      name: 'city',
      component: () => import('@/views/City.vue')
    },
    {
      path: '/watermark',
      name: 'watermark',
      component: () => import('@/views/WaterMark.vue')
    },
    {
      path: '/getStudentDistribution',
      name: 'getStudentDistribution',
      component: () => import('@/views/webSocketData.vue')
    },
    {
      path: '/threejsMap',
      name: 'threejsMap',
      component: () => import('@/views/threejsMap.vue')
    },
    {
      path: '/readfile',
      name: 'readfile',
      component: () => import('@/views/ReadFile.vue')
    },
    {
      path: '/quilleditor',
      name: 'quilleditor',
      component: () => import('@/views/QuillEditor.vue')
    },
    {
      path: '/pages',
      name: 'pages',
      component: () => import('@/components/Pages.vue')
    },
    {
      path: '/threejs',
      name: 'threejs',
      component: () => import('@/components/Three.vue')
    },
    {
      path:'/videocode',
      name:'videocode',
      component: () => import('@/components/VideoCode.vue')
    },
    {
      path:'/threedemo',
      name:'threedemo',
      component: () => import('@/components/ThreeDemo.vue')
    },
    {
      path:'/threejscode',
      name:'threejscode',
      component:()=>import('@/components/ThreeCode.vue')
    },
    {
      path:'/bowen',
      name:'bowen',
      component:()=>import('@/components/BoWen.vue')
    }

  ]
})

export default router